<template>
  <view class="container">
    <app-header />
    <banner-swiper />
    <category-nav />
    <product-grid />
  </view>
</template>

<script>
import AppHeader from './components/AppHeader.vue'
import BannerSwiper from './components/BannerSwiper.vue'
import CategoryNav from './components/CategoryNav.vue'
import ProductGrid from './components/ProductGrid.vue'

export default {
  components: {
    AppHeader,
    BannerSwiper,
    CategoryNav,
    ProductGrid
  }
}
</script>

<style>
.container {
  background-color: #f5f5f5;
  min-height: 100vh;
  padding-bottom: 20rpx;
}
</style>